<template>
    <div class="todo-app">
      <TodoList />
      <router-link to="/" class="back-home">返回首页</router-link>
    </div>
  </template>
  
  <script>
  import TodoList from '@/components/TodoList.vue'
  
  export default {
    name: 'TodoApp',
    components: {
      TodoList
    }
  }
  </script>
  
  <style scoped>
  .todo-app {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
  }
  
  .back-home {
    display: inline-block;
    margin-top: 20px;
    color: #42b983;
    text-decoration: none;
    font-weight: bold;
  }
  
  .back-home:hover {
    text-decoration: underline;
  }
  </style>